<!DOCTYPE html>
<html mip>

<head>
    {{ render(controller('AppBundle\\Controller\\Index\\IndexController::webconfigAction')) }}
    <title> {{ app.session.get('webconfig').name }}</title>
    <meta name="description" content="{{ app.session.get('webconfig').description }}">
    <meta name="keywords" content="{{ app.session.get('webconfig').keywords }}">
    <link rel="icon" type="image/png" href="http://www.pteacademy.cn/uploads/web/favicon.ico">
    <link rel="shortcut icon" type="image/png" href="http://www.pteacademy.cn/uploads/web/favicon.ico">
    
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="http://www.kewo.com/Public/Index/css/kewo_reset.css">
    <link rel="stylesheet" type="text/css" href="https://c.mipcdn.com/static/v1/mip.css">
    <link rel="canonical" href="https://www.mipengine.org.com">
    <style mip-custom>
        body {
            background: #fff;
        }
        
        .header {
            width: 100%;
            height: 80px;
            background: rgba(255, 255, 255, 1);
            box-shadow: 0px 5px 15px 0px rgba(19, 118, 225, 0.1);
        }
        
        .logo {
            width: 38.4%;
            float: left;
            margin-top: 25px;
            margin-left: 24px;
        }
        
        .content {
            overflow: hidden;
            padding-bottom: 44px;
        }
        
        .con_tit {
            font-size: 20px;
            font-family: PingFangSC-Semibold;
            color: rgba(74, 74, 74, 1);
            line-height: 28px;
            margin-top: 20px;
            margin-left: 5.333%;
            font-weight: bold;
        }
        
        .list {
            overflow: hidden;
            display: block
        }
        
        .mt20 {
            margin-top: 20px;
        }
        
        .mt25 {
            margin-top: 25px;
        }
        
        .mt32 {
            margin-top: 32px;
        }
        
        .mt37 {
            margin-top: 37px;
        }
        
        .list_pic {
            width: 26.667%;
            border-radius: 8px;
            margin-left: 5.333%;
            margin-top: 3px;
            float: left;
        }
        
        .list_det {
            float: left;
            margin-left: 5.333%;
            width: 56%;
        }
        
        .det_tit {
            font-size: 16px;
            font-family: PingFangSC-Regular;
            color: rgba(74, 74, 74, 1);
            line-height: 24px;
            text-overflow: -o-ellipsis-lastline;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            margin-bottom: 5px;
        }
        
        .yd,
        .det_time,
        .many {
            font-size: 14px;
            font-family: PingFangSC-Regular;
            color: rgba(204, 204, 204, 1);
            line-height: 26px;
        }
        
        .yd {
            margin-left: 15%;
        }
        
        .gg {
            width: 100%;
            border-radius: 11px;
        }
        
        .pre,
        .next {
            width: 34.667%;
            height: 50px;
            border-radius: 30px;
            display: block;
            float: left;
            text-align: center;
            line-height: 50px;
            font-size: 18px;
            font-family: PingFangSC-Semibold;
            color: rgba(255, 255, 255, 1);
            margin-top: 33px;
        }
        
        .pre {
            background: #ccc;
            margin-left: 5.333%;
        }
        
        .next {
            background: rgba(35, 69, 156, 1);
            margin-right: 7%;
            float:right;
        }
        
        .footer {
            background: rgba(63, 66, 71, 1);
            overflow: hidden;
        }
        
        .foot_svg {
            width: 92%;
            height: 987px;
            margin: 48px auto 0;
        }
        
        .foot_ewm {
            width: 62.667%;
            margin: 70px auto 0;
        }
        
        .tips {
            width: 60.8%;
            margin: 29px auto 43px;
            font-size: 14px;
            font-family: PingFangSC-Regular;
            color: rgba(255, 255, 255, 1);
            line-height: 26px;
        }
    </style>
</head>

<body>
    <div class="header">
        <mip-img layout="responsive" width="144" height="32" src="/index/img/logo.svg" class="logo"></mip-img>
    </div>
    <div class="content">
        <div class="con_tit">PTE资讯</div>
         {% for entity in pagination %}   
            <a data-type="mip" href="{{path('showNews',{id:entity.id})}}" class="list mt20">
                <mip-img layout="responsive" width="100" height="75" src="{{entity.picurl}}" class="list_pic"></mip-img>
                <div class="list_det">
                    <div class="det_tit">{{entity.name}}</div>
                    <span class="det_time">{{entity.createdAt|date("Y.m.d")}}</span>
                    <span class="yd">阅读</span>
                    <span class="many">{{entity.viewsnum}}</span>
                </div>
            </a>
            {% if ((count > 3 and loop.index == 3) or (count <= 3 and count == loop.index)) %}
                <a data-type="mip" href="https://item.taobao.com/item.htm?spm=a230r.1.14.92.202023f2HjqNww&id=564964934664&ns=1&abbucket=14#detail" class="list mt37">
                    <mip-img layout="responsive" width="330" height="149" src="/index/img/m_banner.png" class="gg"></mip-img>
                </a>
            {% endif %}
        {% endfor %}
       
       {{ knp_pagination_render(pagination) }}

    </div>
    <div class="footer">
        <mip-img layout="responsive" width="145" height="987" src="/index/img/m_txt_contact.svg" class="foot_svg"></mip-img>
        <mip-img layout="responsive" width="235" height="235" src="/index/img/ewm.png" class="foot_ewm"></mip-img>
        <div class="tips">
            <p>扫码添加PTE在线学院小助手微信号</p>
            <p>随时随地帮你解答各种PTE考试问题</p>
        </div>
    </div>
    <script src="https://c.mipcdn.com/static/v1/mip.js"></script>
</body>
<script>
    (function (m, ei, q, i, a, j, s) {
        m[i] = m[i] || function () {
            (m[i].a = m[i].a || []).push(arguments)
        };
        j = ei.createElement(q),
            s = ei.getElementsByTagName(q)[0];
        j.async = true;
        j.charset = 'UTF-8';
        j.src = 'https://static.meiqia.com/dist/meiqia.js?_=t';
        s.parentNode.insertBefore(j, s);
    })(window, document, 'script', '_MEIQIA');
    _MEIQIA('entId', 107666);
    </script>

</html>